<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>

<html>
<head>
<sj:head jqueryui="true" jquerytheme="redmond"></sj:head>
<script type="text/javascript">
	function okButton() {
		alert('OK Button pressed!');
	};

	function cancelButton() {
		alert('Cancel Button pressed!');
		$('#mybuttondialog').dialog('close');
	};
	function onClickSave(){
		window.location="vSaveSupportingMaterial.action";
		}
	function onClickBack(){
		window.location="vBackSupportingMaterial.action";
		}
	$.subscribe('tabcomplete', function(event, ui) {
		$('#infopanel').html(
				'<strong>Completed request with Status '
						+ event.originalEvent.status
						+ '.</strong><br/>Status: '
						+ event.originalEvent.request.status);
	});
</script>
</head>
<body>

	<h3>Supporting Material Details</h3>
	<s:form action="organisationDetail4Actions" theme="simple">
		<table style="text-align:right;">
			<tr>
					<td> <sj:a button="true" onclick="onClickSave()" >Save</sj:a> </td>
					<td> <sj:a button="true" onclick="onClickBack()" >Back</sj:a> </td>
			</tr>
		</table>
		<br>
		<fieldset>
			<sj:tabbedpanel id="remotetabs" spinner="Please wait ..."
				disabledTabs="[2,3,4,5]" onCompleteTopics="tabcomplete"
				onChangeTopics="tabchange">
				<sj:tab id="tab1" target="tone" label="Details" />

				<div id="tone">
					<s:form theme="simple" cssClass="yform">
						<fieldset>
							<legend>Details</legend>
							<div>
								<table>
									<tr>
										<td>URL</td>
										<td><s:textfield name="url"></s:textfield></td>
										<td>Added By</td>
										<td><s:textfield name="addBy"></s:textfield> &nbsp;</td>
									</tr>
									<tr>
										<td>Description</td>
										<td><s:textarea name="description" cols="17" rows="2"></s:textarea></td>
										<td>Added Date</td>
										<td><s:textfield name="addDate"></s:textfield></td>
									</tr>
									<tr>
										<td>Type</td>
										<td><s:select
												list="#{'01':'Czech','02':'French','03':'Viet Nam','04':'America'}"
												name="nation"></s:select></td>

									</tr>

								</table>

							</div>
						</fieldset>
					</s:form>
				</div>
			</sj:tabbedpanel>
		</fieldset>
	</s:form>
	
</body>
</html>